<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, shrink-to-fit=no,user-scalable=0">
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
</head>
<style>
html,body,p{
	margin:0;
	padding:0;
}
.swipe{
	height:200px;
}

.swipe img{
	width:100%;
	height:100%;
}
#content{
	margin:10px;
}


</style>

<body>
  <div id="app">
<div id="content">


</div>
	<!--底部-->
	<mt-tabbar>
  <mt-tab-item id="抢单" @click.native="jump('/index/index')">
    <img slot="icon" src="http://home.io/static/images/qd_a.png">
    抢单
  </mt-tab-item>
  <mt-tab-item id="订单" @click.native="jump('/order/index')">
    <img slot="icon" src="http://home.io/static/images/order_a.png">
    订单
  </mt-tab-item>
  <mt-tab-item id="我的">
    <img slot="icon" src="http://home.io/static/images/my_b.png">
    我的
  </mt-tab-item>
</mt-tabbar>
  </div>
</body>
  <!-- 先引入 Vue -->
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
  <script>
    new Vue({
      el: '#app',
      methods: {
        jump(url){
          window.location.href = url
        }
      }
    })
  </script>
</html>